<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>伪类选择器</title>
    <style>
        /* a:link----选择所有未被访问的链接
a:visited---选择所有已被访问的链接
a:hover---选择鼠标悬停其上的链接
a:active---选择活动链接（鼠标按下未松开的链接） */
        a:link {
            color: black;
            text-decoration: none;
        }

        a:visited {
            color: gray;
            text-decoration: none;
        }

        a:hover {
            color: skyblue;
            text-decoration: none;
        }

        a:active {
            color: green;
            text-decoration: none;
        }

    </style>
</head>

<body>
    <a href="#">小猪佩奇的一家</a><br>
    <a href="#">小猪佩奇</a><br>
    <a href="#">小猪佩奇的妈妈</a><br>
    <a href="#">小猪佩奇的爸爸</a><br>
    <a href="#">小猪佩奇的姐姐</a><br>
    <a href="#">小猪佩奇的哥哥</a><br>
    <a href="#">小猪佩奇的妹妹</a><br>
    <a href="#">小猪佩奇的弟弟</a><br>



</body>

</html>